<%--
Document : customerSignup
Created on : Nov 20, 2012, 11:26:43 PM
Author : ADMIN
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page language="java" import="java.util.*,java.awt.*,bean.*" %>;
<% String msg = (String)request.getParameter("number"); %>;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <link rel="stylesheet" type="text/css" href="customerSignup.css"/>

    </head>

    <body onload="MM_preloadImages('images/4thofjulybabyclothes1.jpg')">
        <% if(msg!=null){ %>
        <script type="text/javascript">
            alert("co loi<%=msg+"" %>")
        </script>
        <%} %>
        <div id="wrapper">
            <div id="header">

                <a href="http://www.baby'day.com"> <img id="panel_main" src="images/login_mainBaner.png" /></a>

                <div id="dn_menu">

                    <a href="http://www.baby'day.com">Đăng Nhập |</a> <a href="http://www.baby'day.com">Đăng ký |</a> <a href="http://www.baby'day.com">Trợ Giúp</a>
                </div><!--end of dn_menu-->

                <div id="logo">
                    <img src="images/login_logo2.png" style="width:210px;height:60px" />
                    <input size="30px" height="30px" type="text" id="_search" maxlength="50" style="border-color:#09F;font-size:20px" />
                    <button type="submit" id="button" style="background-color:#C6C;background-repeat:no-repeat;background-position:center;position:relative;font-size:20px;color:#FFF; height:30px ;width:70px">Search </button>

                </div><!--end of logo-->

                <div id="list_menu">
                    <ul>
                        <li><a href="index.jsp"> Trang chủ </a> </li>
                        <li><a href="guide.jsp">Hướng dẫn mua hàng</a></li>
                        <li><a href="product.jsp">Sản Phẩm   </a></li>
                        <li><a href="index.jsp">Quà Tặng - Quà lưu niệm</a></li>
                        <li><a href="index.jsp"> Mẹ và bé</a></li>
                        <li><a href="index.jsp"> Du lịch và khách sạn</a></li>
                        <li><a href="index.jsp"> Tất cả</a></li>
                    </ul>

                </div><!--end ò list_menu-->

                <div id="form_dangnhap">
                    <div id="direct">

                        <img src="images/login_iconlink.gif"/> <a href="#trang chu"> Trang chủ</a> <a href="#dang nhap" > > Đăng Ký</a>

                    </div><!- end of direct-->

                    <div id="main_form_dangnhap">

                        <div class="banner_login"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','images/4thofjulybabyclothes1.jpg',1)"><img src="images/signup_img12.jpg" width="404" height="250" id="Image10" /></a>
                        </div><!--end of banner_login-->


                        <form method="post" name="đangky" action="doSignup.jsp">

                        <div class="center_box_login">
                            <h2>Đăng ký</h2>
                            <h3>8,000,000 thành viên đang chờ đón bạn! Đăng ký ngay tài khoản baby's day.com</h3>

                            <div id="dk_name">
                                <div id="user_name">
                                    <label id="user_name_lable">Họ: </label>
                                    <input id="useer_name_input" type="text" size="10px" name="ho" />
                                    <label id="user_name_lable">Tên Đệm : </label>
                                    <input id="useer_name_input" type="text" size="10px" name="tenDem"/>
                                    <label id="user_name_lable">Tên : </label>
                                    <input id="useer_name_input" type="text" size="10px" name="ten" />

                                </div>
                                <div id="infor">
                                    <p id="infor_p"> Họ phải là Họ của người Việt Nam <br> Tên đệm và Tên viết hoa chữ cái đầu của tất cả các âm tiết.<br> Ví dụ: Họ Trần, Tên đệm Văn , Tên Bằng </p>

                                                </div>
                                                </div><!--end of đăng ký name-->

                                                <div id="dk_taikhoan">
                                                    <div id="dk_taikhoan_taikhoan">
                                                        <label id="user_name_lable">Tài Khoản: </label>
                                                        <input id="useer_name_input" type="text" size="50px" name="taiKhoan" />
                                                    </div>
                                                    <div id="infor">
                                                        <p id="infor_p">Chiều dài từ 6-24 ký tự</p>

                                                    </div>


                                                </div>

                                                <div id="dk_matkhau">
                                                    <div id="dk_matkhau_matkhau">
                                                        <label id="user_name_lable">Mật Khẩu: </label>
                                                        <input id="useer_name_input" type="password" size="50px" name="password" />
                                                    </div>
                                                    <div id="infor">
                                                        <p id="infor_p">Chiều dài từ 6-32 ký tự</p>

                                                    </div>


                                                </div>

                                                <div id="dk_laimatkhau">
                                                    <div id="dk_laimatkhau_matkhau">
                                                        <label id="user_name_lable">Nhập Lại Mật Khẩu: </label>
                                                        <input id="useer_name_input" type="password" size="40px" name="rePassword"/>
                                                    </div>
                                                    <div id="infor">
                                                        <p id="infor_p">Chiều dài từ 6-32 ký tự</p>

                                                    </div>
                                                </div>
                                                <div id="dk_laimatkhau_matkhau">
                                                        <label id="user_name_lable">Email: </label>
                                                        <input id="useer_name_input" type="text" size="40px" name="email"/>
                                                 </div>

                                                <div id="dk_gioitinh">
                                                    <label id="user_name_lable">Giới Tính :</label>
                                                    <input id="useer_name_input" type="radio" value="nam" name="gioiTinh" checked ="true" >Nam</input>
                                                    <input id="useer_name_input" type="radio" value="nu" name="gioiTinh">Nữ</input>
                                                </div>


                                                <div id="dk_ngay_thang_nam">
                                                    <span class="col-l"><span class="abbr"></span><label id="user_name_lable">Ngày sinh:</label ></span>
                                                    <span class="col-r">
                                                        <select style="width: 70px;" class="select" id="cbDay" name="ngay" tabindex="8">
                                                            <option value="0">Ngày</option>
                                                            <option value="1">1</option>
                                                            <option value="2">2</option>
                                                            <option value="3">3</option>
                                                            <option value="4">4</option>
                                                            <option value="5">5</option>
                                                            <option value="6">6</option>
                                                            <option value="7">7</option>
                                                            <option value="8">8</option>
                                                            <option value="9">9</option>
                                                            <option value="10">10</option>
                                                            <option value="11">11</option>
                                                            <option value="12">12</option>
                                                            <option value="13">13</option>
                                                            <option value="14">14</option>
                                                            <option value="15">15</option>
                                                            <option value="16">16</option>
                                                            <option value="17">17</option>
                                                            <option value="18">18</option>
                                                            <option value="19">19</option>
                                                            <option value="20">20</option>
                                                            <option value="21">21</option>
                                                            <option value="22">22</option>
                                                            <option value="23">23</option>
                                                            <option value="24">24</option>
                                                            <option value="25">25</option>
                                                            <option value="26">26</option>
                                                            <option value="27">27</option>
                                                            <option value="28">28</option>
                                                            <option value="29">29</option>
                                                            <option value="30">30</option>
                                                            <option value="31">31</option>
                                                        </select>
                                                        <select style="width: 80px;" class="select" id="cbMonth" name="thang" tabindex="9">
                                                            <option value="0">Tháng</option>
                                                            <option value="1">1</option>
                                                            <option value="2">2</option>
                                                            <option value="3">3</option>
                                                            <option value="4">4</option>
                                                            <option value="5">5</option>
                                                            <option value="6">6</option>
                                                            <option value="7">7</option>
                                                            <option value="8">8</option>
                                                            <option value="9">9</option>
                                                            <option value="10">10</option>
                                                            <option value="11">11</option>
                                                            <option value="12">12</option>
                                                        </select>
                                                        <select style="width: 70px;" class="select" id="cbYear" name="nam" tabindex="10">
                                                            <option value="0">Năm</option>
                                                            <option value="2005">2005</option>
                                                            <option value="2004">2004</option>
                                                            <option value="2003">2003</option>
                                                            <option value="2002">2002</option>
                                                            <option value="2001">2001</option>
                                                            <option value="2000">2000</option>
                                                            <option value="0">------</option>
                                                            <option value="1999">1999</option>
                                                            <option value="1998">1998</option>
                                                            <option value="1997">1997</option>
                                                            <option value="1996">1996</option>
                                                            <option value="1995">1995</option>
                                                            <option value="1994">1994</option>
                                                            <option value="1993">1993</option>
                                                            <option value="1992">1992</option>
                                                            <option value="1991">1991</option>
                                                            <option value="1990">1990</option>
                                                            <option value="0">------</option>
                                                            <option value="1989">1989</option>
                                                            <option value="1988">1988</option>
                                                            <option value="1987">1987</option>
                                                            <option value="1986">1986</option>
                                                            <option value="1985">1985</option>
                                                            <option value="1984">1984</option>
                                                            <option value="1983">1983</option>
                                                            <option value="1982">1982</option>
                                                            <option value="1981">1981</option>
                                                            <option value="1980">1980</option>
                                                            <option value="0">------</option>
                                                            <option value="1979">1979</option>
                                                            <option value="1978">1978</option>
                                                            <option value="1977">1977</option>
                                                            <option value="1976">1976</option>
                                                            <option value="1975">1975</option>
                                                            <option value="1974">1974</option>
                                                            <option value="1973">1973</option>
                                                            <option value="1972">1972</option>
                                                            <option value="1971">1971</option>
                                                            <option value="1970">1970</option>
                                                            <option value="0">------</option>
                                                            <option value="1969">1969</option>
                                                            <option value="1968">1968</option>
                                                            <option value="1967">1967</option>
                                                            <option value="1966">1966</option>
                                                            <option value="1965">1965</option>
                                                            <option value="1964">1964</option>
                                                            <option value="1963">1963</option>
                                                            <option value="1962">1962</option>
                                                            <option value="1961">1961</option>
                                                            <option value="1960">1960</option>
                                                            <option value="0">------</option>
                                                            <option value="1959">1959</option>
                                                            <option value="1958">1958</option>
                                                            <option value="1957">1957</option>
                                                            <option value="1956">1956</option>
                                                            <option value="1955">1955</option>
                                                            <option value="1954">1954</option>
                                                            <option value="1953">1953</option>
                                                            <option value="1952">1952</option>
                                                            <option value="1951">1951</option>
                                                        </select>
                                                    </span>
                                                    <span style="display: none" id="chk_dob_ok" class="checkok"></span>
                                                    <div class="clr"></div>

                                                </div>

                                                <div id="dangkythanhpho">
                                                    <span class="col-l"><span class="abbr"></span><label id="user_name_lable">Thành Phố:</label ></span>
                                                    <select size="1" name="thanhPho" id="cityid" title="Chọn">
                                                        <option value="1" selected="true" >Hồ Chí Minh</option>
                                                        <option value="2" >Hà Nội</option>
                                                        <option value="3" >Hải Phòng</option>
                                                        <option value="4" >Thừa Thiên-Huế</option>
                                                        <option value="5" >Đà Nẵng</option>
                                                        <option value="6" >Cần Thơ</option>
                                                        <option value="7" >An Giang</option>
                                                        <option value="8" >BR - Vũng Tàu</option>
                                                        <option value="9" >Bắc Cạn</option>
                                                        <option value="10" >Bắc Giang</option>
                                                        <option value="11" >Bạc Liêu</option>
                                                        <option value="12" >Bắc Ninh</option>
                                                        <option value="13" >Bến Tre</option>
                                                        <option value="14" >Bình Định</option>
                                                        <option value="15" >Bình Dương</option>
                                                        <option value="16" >Bình Phước</option>
                                                        <option value="17" >Bình Thuận</option>
                                                        <option value="18" >Cà Mau</option>
                                                        <option value="19" >Cao Bằng</option>
                                                        <option value="20" >Đắk Lắk</option>
                                                        <option value="21" >Đắk Nông</option>
                                                        <option value="22" >Điện Biên</option>
                                                        <option value="23" >Đồng Nai</option>
                                                        <option value="24" >Đồng Tháp</option>
                                                        <option value="25" >Gia Lai</option>
                                                        <option value="26" >Hà Giang</option>
                                                        <option value="27" >Hà Nam</option>
                                                        <option value="29" >Hà Tĩnh</option>
                                                        <option value="30" >Hải Dương</option>
                                                        <option value="31" >Hậu Giang</option>
                                                        <option value="32" >Hòa Bình</option>
                                                        <option value="33" >Hưng Yên</option>
                                                        <option value="34" >Khánh Hòa</option>
                                                        <option value="35" >Kiên Giang</option>
                                                        <option value="36" >Kon Tum</option>
                                                        <option value="37" >Lai Châu</option>
                                                        <option value="38" >Lâm Đồng</option>
                                                        <option value="39" >Lạng Sơn</option>
                                                        <option value="40" >Lào Cai</option>
                                                        <option value="41" >Long An</option>
                                                        <option value="42" >Nam Định</option>
                                                        <option value="43" >Nghệ An</option>
                                                        <option value="44" >Ninh Bình</option>
                                                        <option value="45" >Ninh Thuận</option>
                                                        <option value="46" >Phú Thọ</option>
                                                        <option value="47" >Phú Yên</option>
                                                        <option value="48" >Quảng Bình</option>
                                                        <option value="49" >Quảng Nam</option>
                                                        <option value="50" >Quảng Ngãi</option>
                                                        <option value="51" >Quảng Ninh</option>
                                                        <option value="52" >Quảng Trị</option>
                                                        <option value="53" >Sóc Trăng</option>
                                                        <option value="54" >Sơn La</option>
                                                        <option value="55" >Tây Ninh</option>
                                                        <option value="56" >Thái Bình</option>
                                                        <option value="57" >Thái Nguyên</option>
                                                        <option value="58" >Thanh Hóa</option>
                                                        <option value="59" >Tiền Giang</option>
                                                        <option value="60" >Trà Vinh</option>
                                                        <option value="61" >Tuyên Quang</option>
                                                        <option value="62" >Vĩnh Long</option>
                                                        <option value="63" >Vĩnh Phúc</option>
                                                        <option value="64" >Yên Bái</option>
                                                    </select>

                                                </div>

                                                <div id="dk_maxacnhan">
                                                    <label id="user_name_lable" >Mã Xác Nhận:</label>
                                                    <script type="text/javascript">
                                                     
                                                         function changeNumber(){
                                                            a = Math.floor(Math.random()*1000 +1000);
                                                            document.getElementById("1").innerHTML = a;
                                                           b = a;
                                                           return b;
                                                        }
                                                        
                                                        
                                                        
                                                    </script>
                                                        
                                                            
                                                    <label id ="1" style="font-size: 20px;color: #FF0066" name ="xacnhan"> 3456</label>
                                                    <input id="btnRefresh" name="Refresh" type="button"  size="5" onclick="changeNumber();"></input>
                                                   
                                                </div>

                                                <div id="dk_nhapmaxacnhan">
                                                    <div id="dk_nhapmaxacnhan">
                                                        <label id="user_name_lable">Nhập Mã Xác Nhận: </label>
                                                        <input id="2" type="text" size="50px" name="ma" />
                                                    </div>
                                                    <div id="infor">
                                                        <p id="infor_p">Có thể nhập bằng chữ <strong>hoa</strong> hoặc chữ <strong>thường</strong></p>

                                                    </div>


                                                </div>
                                                <script type="text/javascript">
                                                    function kiemtra(fmr){
                                                        
                                                    b = document.getElementById("1").innerHTML;
                                                    c = fmr.ma.value;
                                                   // alert(c);
                                                        
                                                        if(b != c) alert("nhap lai xác nhận");
                                                        else alert("ok");
                                                    }
                                                </script>


                                                <div id="dk_xacnhan">
                                                    <input type="checkbox" name="dongY" value="dongY" onchange="kiemtra(this.form)" ><strong>Đồng ý</strong> với thỏa thuận sử dụng</input>
                                                </div>

                                                <div id="dk_btn">
                                                    
                                                    <input type="submit" src="images/signup_dk_btn.PNG" value="submit" name="s1"></input>
                                                    <input type="reset"  value="reset" name="s2" style="icon: url"></input>
                                                  

                                                </div>








                                                <!--end of main_form dăng nhap-->


                                                </div>

                            </form>


                                                </div>
                                                <!--end of box đăng nhập chi tiết-->


                                                </div><!--end ò form_dăng nhập-->


                                                <div id="dn_footer">
                                                    <img src="images/templatemo_bottom.png"/>

                                                </div><!--end of dn_footer-->

                                                <div id="list_footer">


                                                    <ul class="footer_menu">
                                                        <li><a href="#">Trang chủ</a></li>
                                                        <li><a href="http://www.templatemo.com/page/1" target="_parent">Giới thiệu</a></li>
                                                        <li><a href="http://www.koflash.com" target="_parent">Bộ sưu tập</a></li>
                                                        <li><a href="#">Tin tức</a></li>
                                                        <li class="last_menu"><a href="#">Liên hệ</a></li>
                                                    </ul>

                                                    <div id="about">
                                                        Copyright © 2012 D09Cn3<a href="#"></a> |
                                                        Designed by neoPtit |
                                                        Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &amp;
                                                        <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
                                                    </div><!--end of obout-->
                                                </div> <!-- end of footer -->


                                                </div>
                                                </div>

        



                                                </body>
                                                </html>

